/*
* @Author: karry
* @Date:   2019-07-26 19:13:42
* @Last Modified by:   karry
* @Last Modified time: 2019-07-27 07:51:10
*/

import React 	 from 'react';
import ReactDOM  from 'react-dom';
import { BrowserRouter as Router, Switch, Redirect, Route, Link } from 'react-router-dom';
import Layout 	 from 'component/layout/index.jsx';

// 页面
import Home 	 		from 'page/home/index.jsx';
import ProductRouter 	from 'page/product/router.jsx';
import Login 	 		from 'page/login/index.jsx';
import OrderList  		from 'page/order/index.jsx';
import OrderDetail  	from 'page/order/detail.jsx';
import UserList  		from 'page/user/index.jsx';
import ErrorPage 		from 'page/error/index.jsx';

class App extends React.Component{
	render(){
		let LayoutRouter = (
			<Layout>
				<Switch>
					<Route exact path="/" component={Home} />
					<Route  path="/product" component={ProductRouter} />
					<Route  path="/product-category" component={ProductRouter} />
					<Route  path="/order/index" component={OrderList} />
					<Route  path="/order/detail/:orderNumber" component={OrderDetail} />
					<Route  path="/user/index" component={UserList} />
					<Redirect exact from="/order" to="/order/index" />
					<Redirect exact from="/user" to="/user/index" />
					<Route  component={ErrorPage} />
				</Switch>
			</Layout>
		);
		return(
			<Router>
				<Switch>
					<Route  path="/login" component={Login} />
					<Route  path="/" render={ props => LayoutRouter} />
				</Switch>
			</Router>
		)
	}
}

ReactDOM.render(
	<App/>,
	document.getElementById('app')
);
